<template>
  <div class="con">
    <div class="left" :style="backgroundImg">
      <img class="logo" src="@/assets/img/login/login.png" alt="" />
      <div class="name">全断面隧道掘进装备行业工业互联网平台</div>
    </div>
    <div class="right">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {
      backgroundImg: {
        backgroundImage: "url(" + require("@/assets/img/login/back.png") + ")",
        backgroundRepeat: "no-repeat",
        backgroundSize: "100% 100%"
      }
    };
  },
  //注册组件
  components: {},
  //生命周期 - 创建完成（访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（访问DOM元素）
  mounted() {},
  //计算属性
  computed: {},
  //方法
  methods: {}
};
</script>
<style scoped lang="scss">
.con {
  width: 100vw;
  height: 100vh;
  min-height: 680px;
  min-width: 1406px;
  display: flex;
  & > div {
    flex: 1;
  }
  .left {
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    .logo {
      width: 132px;
      height: 128px;
      display: block;
    }
    .name {
      font-size: 26px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #ffffff;
      margin-top: 30px;
    }
  }
}
</style>